<template>
  <div class="con">
    <div class="header">
      <img src="../assets/images/sky.png" alt="">
      <img src="../assets/images/logo.png" alt="" class="logo">

      <p>选择支付方式 (设备价格299元)</p>
    

    </div>

   

    <div style="height:25px"></div>

  </div>
</template>

<script>
export default {
    name: "index",
    data() {
        return {};
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.con {
    width: 100%;
    min-height: 100vh;
    background: #fff;
}
.header {
    position: relative;
    width: 100%;
    text-align: center
}
.header img {
    width: 100%;
}
.header .logo{
  position: absolute;;
  width: 146px;
  top:46px;
  margin-left: -73px;
}
.header p{
  color: #999;
  position: absolute;
  top:50%;
  text-align: center;
  width: 100%;
  
}



.btn {
    background: #00C9D6;
    width: 90%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    margin-left: 5%;
    margin-top: 30px;
  
}
</style>
